<!DOCTYPE html>
<html ng-app="weApp">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
        <meta name="screen-orientation" content="portrait">
        <title>江门智能公交</title>

        <!-- IF using Sass (run gulp sass first), then uncomment below and remove the CSS includes above -->
        <link href="css/ionic.app.min.css" rel="stylesheet">
        <!-- jquery core -->
        <script src="lib/jquery/dist/jquery.min.js"></script>
        <!-- ionic/angularjs js -->
         <script src="lib/ionic/js/ionic.bundle.js"></script>
        <!--<script src="lib/ionic/js/ionic.bundle.min.js"></script>-->
        <script src="lib/angular-local-storage/dist/angular-local-storage.min.js"></script>
        <!-- bindonce / augular plugins -->
        <script src="lib/angular-bindonce/bindonce.min.js"></script>

        <!-- cordova script (this will be a 404 during development) -->
        <!-- <script src="cordova.js"></script> -->

        <!-- 微信接口调用 -->
        <script src="lib/wx-lib/jweixin-1.0.0.js"></script>

        <!-- uglify js for publish -->
        <!--<script src="js/dest/zhx-we-app.js"></script>-->
        <script src="js/we-app.js"></script>
        <script src="js/dash-ctrl.js"></script>
        <script src="js/we-app-dire.js"></script>
        <script src="js/favor-ctrl.js"></script>
        <script src="js/line-ctrl.js"></script>
        <script src="js/search-ctrl.js"></script>
        <script src="js/search-res-ctrl.js"></script>
        <script src="js/we-app-serv.js"></script>
        <script src="js/station-ctrl.js"></script>
        <script src="js/trans-ctrl.js"></script>
        <script src="js/location-ctrl.js"></script>
        <script src="js/map-ctrl.js"></script>
        <script src="js/transfer-ctrl.js"></script>
        <script src="js/board-ctrl.js"></script>
        <script src="js/board-content-ctrl.js"></script>
        <script src="js/assess-ctrl.js"></script>
        <script src="js/help-ctrl.js"></script>
        <script src="js/help-content-ctrl.js"></script>
        <script src="js/question-ctrl.js"></script>

        <!-- 百度API -->
        <script src="http://api.map.baidu.com/api?v=2.0&ak=7vVOlMOKr03PaWX82WajF6mG"></script>

        <link href="css/we-font/iconfont.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">

    </head>
    <body>
        <ion-nav-view></ion-nav-view>
        <div id="bottom-tabs" class="tabs" ng-if="(currUrl.name=='index')||(currUrl.name=='trans')||(currUrl.name=='favor')||(currUrl.name=='more')">
            <a class="tab-item" ng-repeat="temp in tabs" ui-sref="{{temp.herf}}" ng-class="{active: currUrl.name == temp.herf}">
                <i class="we-font {{temp.icon}}"></i>
                <span>{{temp.name}}</span>
            </a>
        </div>
    </body>
<style type="text/css">
    .tabs {
        height: auto;
    }

    .tab-item {
        max-width:25%;
        color: #000;
        height:3rem;
    }
    .tab-item .we-font{
        height: 1.5rem;
        font-size: 1.5rem;
        line-height: 1.5rem;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        top: -3px;
    }
    .tab-item.active {
        color: #0c8c4e;
    }

    .tab-item span{
        display: block;
        font-size: 12px;
        position: relative;
        top: -35px;
        height: 12px;
    }
</style>
</html>
